<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>乐看首页</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/css/see/reset.min.css">
    <link rel="stylesheet" href="/plugins/swiper/swiper4.2.min.css">
    <link rel="stylesheet" href="/css/see/index1.2.min.css?v=<%=$version%>">
</head>
<body>
<div id="seeIndex" v-cloak>
    <template>
        <see-header ref="seeHeader" :number="0"></see-header>
    </template>
    <aside class="seeIndex-slider">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide" v-for="item in indexSlide1" @click="getNext(1,item)">
                    <img :data-src="item.imgSrc" class="swiper-lazy">
                    <div class="seeIndex-zyz1"></div>
                    <span class="seeIndex-qygg" v-if="item.type==2"></span>
                    <span class="seeIndex-ccgg" v-else-if="item.type==3"></span>
                    <span class="seeIndex-ctwh" v-else-if="item.type==4"></span>
                    <h5>{{item.title}}</h5>
                </div>
                <!--<div class="swiper-slide">-->
                    <!--<img data-src="imgs/happyi/index/bpic1.png" class="swiper-lazy">-->
                    <!--<div class="seeIndex-zyz1"></div>-->
                    <!--<span class="seeIndex-ccgg"></span>-->
                    <!--<span class="seeIndex-ctwh"></span>-->
                    <!--<h5>2222</h5>-->
                <!--</div>-->
            </div>
        </div>
    </aside>
    <div class="seeInfo-hotspot">
        <h5 class="seeInfo-title">今日热点</h5>
        <div class="hotspot-slide">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide" v-for="item in hotAdvList.list" @click="getNext(1,item)">
                        <div class="slide-img">
                            <img :src="item.coverImgSrc" class="swiper-lazy">
                            <span class="hotspot-data">{{item.vedioLength}}</span>
                        </div>
                        <h6>{{item.title}}</h6>
                        <p>{{item.uName}}<span>&bull;</span>{{item.categoryName}}<span>&bull;</span>{{item.playCount}}次观看</p>
                    </div>
                    <!--<div class="swiper-slide">-->
                        <!--<div class="slide-img">-->
                            <!--<img src="imgs/happyi/index/bpic1.png" class="swiper-lazy">-->
                            <!--<span class="hotspot-data">3:24</span>-->
                        <!--</div>-->
                        <!--<h6>今日热点今日热点今日热点今日热点</h6>-->
                        <!--<p>对对对<span>&bull;</span>对对对<span>&bull;</span>38万次观看</p>-->
                    <!--</div>-->
                </div>
            </div>
        </div>
    </div>
    <div class="seeInfo-recommend">
        <h5 class="seeInfo-title">为你推荐</h5>
        <template  v-for="item in recommendList2">
            <div class="recommend-list" v-if="item.showType==1" @click="getNext(1,item)">
                <div class="recommend-listImg">
                    <img :src="item.coverImgSrc" class="lazy">
                    <!--<span class="seeIndex-qygg"></span>-->
                    <span class="seeIndex-qygg" v-if="item.type==2"></span>
                    <span class="seeIndex-ccgg" v-else-if="item.type==3"></span>
                    <span class="seeIndex-zyz1" v-else-if="item.type==4"></span>
                    <div class="recommend-data"><span>{{item.vedioLength}}<strong></strong>抢红包</span><span class="recommend-mon" v-if="item.lastIntegralCount">余<span class="happyi-mon">{{item.lastIntegralCount}}</span></span><span class="seeIndex-hongbao"></span></div>
                </div>
                <div class="recommend-listInfo">
                    <span :style="bgimg(item.headImg)" class="listInfo-img"></span>
                    <h6>{{item.title}}</h6>
                    <p>{{item.name}}<span>&bull;</span>{{item.categoryName}}<span>&bull;</span>{{item.playCount}}次观看</p>
                </div>
                <template v-if="item.staticAdv&&item.staticAdv.imgSrc">
                    <div class="recommend-ad">
                        <img :src="item.staticAdv.imgSrc" class="lazy">
                    </div>
                </template>
            </div>
            <div class="recommend-list" v-if="item.showType==2">
                <div class="timeLimit-article">
                    <img :src="item.coverImgSrc" class="lazy">
                    <span class="article-lable">文章</span>
                    <div class="recommend-listInfo">
                        <h6>{{item.title}}</h6>
                        <p>{{item.name}}<span>&bull;</span>{{item.categoryName}}<span>&bull;</span>{{item.playCount}}次观看</p>
                        <div class="article-qhb">
                            <span>抢红包</span>
                            <span class="timeLimit-money">
                                        余<span class="happyi-mon">{{item.lastIntegralCount}}</span>
                                    </span>
                            <span class="seeIndex-hongbao"></span>
                        </div>
                    </div>
                </div>
                <template v-if="item.staticAdv&&item.staticAdv.imgSrc">
                    <div class="recommend-ad">
                        <img :src="item.staticAdv.imgSrc" class="lazy">
                    </div>
                </template>
            </div>
        </template>
        <div class="loadtip" v-if="loadFlag"></div>
    </div>
    <footer-view :number="1"></footer-view>
    <prompt-view ref="prompt"></prompt-view>
</div>
<script src='/plugins/js/jquery-1.11.3.min.js'></script>
<script type="text/javascript" src="/plugins/js/jquery.lazyload.min.js"></script>
<script type="text/javascript" src="/plugins/js/vue.min.js"></script>
<script type="text/javascript" src="/plugins/swiper/swiper.min.4.2.js"></script>
<script type="text/javascript" src="/js/see/index1.2.js?v=<%=$version%>"></script>
<script>
    var swiper1 = new Swiper(".seeIndex-slider .swiper-container",{
        spaceBetween: 8,
        slidesPerView: 'auto',   //设置slider容器能够同时显示的slides数量
        centeredSlides: true,    //设定为true时，活动块会居中，而不是默认状态下的居左。
        // autoplay:2500,
        // autoplayDisableOnInteraction : false,
        // loop: true,
        autoplay: {
            delay: 2500,
            disableOnInteraction: false
        },
        lazy: {
            loadPrevNext: true,
            loadPrevNextAmount: 2
        },
        // lazyLoading : true,
        // lazyLoadingInPrevNext : true,
        // lazyLoadingInPrevNextAmount : 2,
        observer: true,//修改swiper自己或子元素时，自动初始化swiper
        observeParents: true//修改swiper的父元素时，自动初始化swiper
    });
    var swiper3 = new Swiper(".hotspot-slide .swiper-container",{
        slidesPerColumn: 2,
        spaceBetween: 5,
        slidesPerGroup:6,
        slidesPerView: 'auto',
        freeMode: true,
        lazy: {
            loadPrevNext: true,
            loadPrevNextAmount: 4
        },
        // lazyLoading : true,
        // lazyLoadingInPrevNext : true,
        // lazyLoadingInPrevNextAmount : 4,
        observer: true,//修改swiper自己或子元素时，自动初始化swiper
        observeParents: true//修改swiper的父元素时，自动初始化swiper
    });
    $("img.lazy").lazyload();
</script>
</body>
</html>